<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:t="http://myfaces.apache.org/tomahawk">

	<ui:composition>
		<p:dialog id="modalDetalleLiquidacion" header="Detalle Liquidación"
			widgetVar="popDetalleLiquidacion" modal="true" dynamic="true">
<!-- 			<h:form id="frmtest"> -->
				<h:panelGrid columns="4" style="margin-top: -20px" id="idModalPanelLiquidCab">
					<p:spacer width="60" height="5"></p:spacer>
					<p:spacer width="260" height="5"></p:spacer>
					<p:spacer width="100" height="5"></p:spacer>
					<p:spacer width="100" height="5"></p:spacer>
					
					<h:outputText value="Liquidación:" styleClass="texto"></h:outputText>
					<h:outputText id="idlabelLiquidacion" value="#{modalProductoController.idLiquidacion}" styleClass="textoNegroNegrita" />
					<h:outputText value="Fecha Liquidación:" styleClass="texto"></h:outputText>
					<h:outputText id="idlabelLiquidFecha" value="#{modalProductoController.dFecha}" styleClass="textoNegroNegrita">
						<f:convertDateTime pattern="dd-MM-yyyy" />
					</h:outputText>
					
					<p:spacer width="60" height="5"></p:spacer>
					<p:spacer width="120" height="5"></p:spacer>
					<p:spacer width="100" height="5"></p:spacer>
					<p:spacer width="100" height="5"></p:spacer>
				</h:panelGrid>
				<p:accordionPanel multiple="true" activeIndex="0,1" id="idModalPanelLiquidDet">
					<p:tab title="Gastos">
						<t:div style="overflow-y: scroll; overflow-x: hidden; width: 100%; height: 120px; margin-left: -2px;">
						<p:dataTable id="dtLiquidGasto" value="#{modalProductoController.listModalLiquidGastoDet}" var="fila">
							<p:column headerText="Sec. Gasto" styleClass="columnNumero">
								<h:outputText value="#{fila.secGastos}"/>
							</p:column>
							<p:column headerText="Tipo Tarifa" styleClass="columnCenter">
								<h:outputText value="#{fila.tipoTarifa}" />
							</p:column>
							<p:column headerText="Descipción" styleClass="columnCenter" footerText="">
								<h:outputText value="#{fila.descTarifa1}" />
							</p:column>
							<p:column headerText="Importe USD" styleClass="columnNumero" footerText="">
								<h:outputText value="#{fila.importeTarifaMonExt}">
									<f:convertNumber pattern="#,##0.00" locale="US"/>
								</h:outputText>
							</p:column>	
							<p:columnGroup type="footer">
								<p:row>
									<p:column colspan="3" footerText="Total" style="text-align:left" />
									<p:column style="text-align:right">
										<f:facet name="footer">
											<h:outputText value ="#{modalProductoController.totalLiquidGasto}">
												<f:convertNumber pattern="#,##0.00" locale="US"/>
											</h:outputText>
										</f:facet>
									</p:column>
								</p:row>
							</p:columnGroup>
						</p:dataTable>
						</t:div>
					</p:tab>
					<p:tab title="Cobros">
						<t:div style="overflow-y: scroll; overflow-x: hidden; width: 100%; height: 120px; margin-left: -2px;">
						<p:dataTable id="dtLiquidCobro" value="#{modalProductoController.listModalLiquidCobroDet}" var="fila">
							<p:column headerText="Sec. Procedencia" styleClass="columnNumero">
								<h:outputText value="#{fila.secProcedencia}" />
							</p:column>
							<p:column headerText="Tipo Afectación" styleClass="columnCenter">
								<h:outputText value="#{fila.tipoAfectacion}" />
							</p:column>
							<p:column headerText="Tipo Cta." styleClass="columnCenter">
								<h:outputText value="#{fila.tipoCuenta}" />
							</p:column>
							<p:column headerText="Nro. Cta." styleClass="columnCenter" footerText="">
								<h:outputText value="#{fila.nroCtaFormat}" />
							</p:column>
							<p:column headerText="Importe USD" styleClass="columnNumero" footerText="">
								<h:outputText value="#{fila.importeProcedenciaUsd}">
									<f:convertNumber pattern="#,##0.00" locale="US"/>
								</h:outputText>
							</p:column>	
							<p:columnGroup type="footer">
								<p:row>
									<p:column colspan="4" footerText="Total" style="text-align:left" />
									<p:column style="text-align:right">
										<f:facet name="footer">
											<h:outputText value ="#{modalProductoController.totalLiquidCobro}">
												<f:convertNumber pattern="#,##0.00" locale="US"/>
											</h:outputText>
										</f:facet>
									</p:column>
								</p:row>
							</p:columnGroup>
						</p:dataTable>
						</t:div>
					</p:tab>
				</p:accordionPanel>
<!-- 			</h:form> -->
		</p:dialog>	
	</ui:composition>
</jsp:root>